a {
	transition: 0.4s;
	}
	a:hover img {
		opacity: 0.7;
		transition: 0.4s;
		}

#hotNews{
	margin-bottom: 4em;
	}
	#hotNews>*{}
		#hotNews>*:first-child{
			margin-top: 0;
			}
	#hotNews a{
		text-decoration: none;
		}
		#hotNews a img{
			transition: 0.4s;
			}
		#hotNews>div>div{}
			#hotNews>div>div:first-of-type:last-of-type{
				margin-top: 0;
				}

#hotNewsNav{}
	#hotNewsNav ul{
		display: grid;
		position: relative;
		}
		#hotNewsNav ul:after{
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			border-bottom: 4px solid #e1241b;
			z-index: 1;
			}
	#hotNewsNav li{
		display: grid;
		text-align: center;
		}
		#hotNewsNav li span{
			font-size: 0.6em;
			margin-left: 0.25em;
			}
	#hotNewsNav a{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0.75em 0.5em;
		line-height: 1.2em;
		color: #999;
		background: #fff;
		border: 2px solid #999;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom: none;
		z-index: 1;
		position: relative;
		}
		#hotNewsNav a:not(.active):before{
			content: "";
			position: absolute;
			bottom: 2px;
			left: -2px;
			width: calc(100% + 4px);
			height: 100%;
			border-bottom: 4px solid #fff;
			}
		#hotNewsNav a:hover{
			background: #999;
			border-bottom: none;
			color: #fff;
			}
			#hotNewsNav a:hover:before{
				display: none;
				}
		#hotNewsNav a.active{
				background: #e1241b;
				color: #fff;
				pointer-events: none;
				border: 2px solid #e1241b;
				}

.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}
	.youtube iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		}

.lineupList{}
	.lineupList li{
		background: #fff;
		border-radius: 8px;
		font-size: 1.2em !important;
		transition: all 0.2s;
		transition-timing-function: ease-out;
		font-family: tbudrgothic-std, sans-serif;
		font-weight: 900;
		font-style: normal;
		}
		.lineupList li span{
			font-size: 0.6em !important;
			font-weight: normal;
			}
	.lineupList a{
		position: relative;
		display: block;
		color: #000;
		background-color: #fff100;
		border: 2px solid #000;
		border-bottom: 5px solid #000;
		text-align: center;
		padding: 1em;
		border-radius: 0.5em;
		transition: all 0.1s;
		transition-timing-function: ease-out;
		}
		.lineupList a:hover{
			margin-top: 3px;
			color: #000;
			background: #fff20a;
			border-bottom: 2px solid #000;
			transition-timing-function: ease-out;
			}
	.lineupList i{
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		line-height: 0;
		}
	.lineupList svg{
		width: 2em;
		height: 2em;
		}

.campainBtn {
    margin-top: 2em;
	text-align: center;
	}
	.campainBtn a{
		display: inline-block;
		padding: 1em 2em;
		font-size: 1.4em;
		color: #fff;
		line-height: 1;
		background: #e1241b;
		border-radius: 30px;
		}
		.campainBtn a:hover {
			opacity: 0.7;
			color: #fff;
			}

.notes{
	font-size: 12px!important;
	color: #666;
	}
	.notes li{
		position: relative;
		padding-left: 1em;
		text-indent: -1em;
		font-size: 12px!important;
		}
		.notes li:before{
			content: "■";
			}

@media (max-width: 896px) {
	/*896px以下*/
#hotNewsNav{}
	#hotNewsNav ul{
		grid-template-columns: 24% 30% 1fr;
		grid-column-gap: 0.5em;
		padding: 0 1em;
		}
	#hotNewsNav li{}
		#hotNewsNav li span{
			display: none;
			}
	#hotNewsNav a{
		font-size: 1.2em;
		}
	#hotNewsNav+div{
		padding-top: 2em;
		}
#hotNews{}
	#hotNews>*{
		margin-top: 4em;
		}
	#hotNews>div{}
		#hotNews>div>div+div{
			margin-top: 2em;
			}
	.lineupList {}
		.lineupList ul {}
			.lineupList ul+ul {
				margin-top: 0.5em;
				}
		.lineupList li {}
			.lineupList li + li {
				margin-top: 0.5em;
				}
	.lineupList li span {
		margin-left: 0.25em;
		}
	.menuList {}
		.menuList li {}
			.menuList li + li {
				margin-top: 0.5em;
				}
	.specialList {}
		.specialList li {}
			.specialList li + li {
			margin-top: 0.5em;
			}
.tb:not(.sp):not(.sp_p):not(.sp_l),
.pc:not(.sp):not(.sp_p):not(.sp_l) {
	display: none !important;
	}
}

@media (min-width: 897px) {
/*897px以上*/
#hotNewsNav{}
	#hotNewsNav ul{
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 1.5em;
		padding: 0 4em;
		}
	#hotNewsNav a{
		font-size: 1.8em;
		}
	#hotNewsNav+div{
		padding-top: 4em;
		}
#hotNews{}
	#hotNews>*{
		margin-top: 8em;
		}
	#hotNews>div{}
		#hotNews>div>div+div{
			margin-top: 4em;
			}
.lineupList {}
.lineupList ul {
	display: flex;
	justify-content: center;
	}
	.lineupList ul+ul {
		margin-top: 1em;
		}
.lineupList li {
	width: calc(25% - 1em);
	margin-right: 1em !important;
	}
	.lineupList li:last-of-type {
		margin-right: 0 !important;
		}
	.lineupList li span {
		display: block;
		}
.specialList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
	.specialList li {
		width: calc(50% - 1em);
		margin-right: 1em !important;
		}
	.specialList li:last-of-type {
		margin-right: 0 !important;
		}
	.specialList li:nth-of-type(n + 3) {
		margin-top: 1em;
		}
	.specialList li span {
		display: block;
		}
}

@media (min-width: 897px) and (max-width: 959px) {
.lineupList {}
	.lineupList li {
		font-size: 1.2em;
		}
	.lineupList a {
		padding: 0.8em 0.8em 0.8em 0em;
		line-height: 1.2em;
		}
		.lineupList a:before {
			right: 0.2em;
			width: 0.8em;
			height: 0.8em;
			}
		.lineupList a:after {
			right: 0.4em;
			border-top: 3px solid transparent;
			border-bottom: 3px solid transparent;
			border-left: 5px solid #fff;
			}
.sp:not(.tb),
.sp_p:not(.tb),
.sp_l:not(.tb),
.pc:not(.tb) {
	display: none !important;
	}
.tb {
	display: block !important;
	}
}

@media (min-width: 960px) {
/*992px以上*/
.sp:not(.pc),
.sp_p:not(.pc),
.sp_l:not(.pc),
.tb:not(.pc) {
	display: none !important;
	}
}
